<template>
  <div class="share-box fill" :class="{active:show}">
    <div class="fill" @click="hdlShow"></div>
    <div class="window hvc">
      <p class="close cursor" @click="hdlShow">
        <i class="hvc"></i>
        <i class="hvc"></i>
      </p>
      <p class="ttl">分享</p>
      <div class="platform noScrollBar flex flex-justify-content">
          <div class="item">
            <div class="mid r50 icon fillAft">
              <img src="img/common/Facebook.png" class="fc">
            </div>
            <p class="name l2">Facebook</p>
          </div>
          <div class="item">
            <div class="mid r50 icon fillAft">
              <img src="img/common/email.png" class="fc">
            </div>
            <p class="name l2">邮箱</p>
          </div>
          <div class="item" @click="copy">
            <div class="mid r50 icon fillAft">
              <img src="img/common/copy.png" class="fc">
            </div>
            <p class="name l2">复制链接</p>
          </div>
      </div>
      <div class="code-box">
        <div class="code flex-justify-content">
          <p class="cover">
            <img :src="url" class="obj-c">
          </p>
          <img src="img/common/code.png">
        </div>
        <p class="t">扫一扫手机分享</p>
      </div>
    </div>
  </div>
</template>

<script>
  module.exports = {
    data: function () {
      return {
        show:false,
        url:'',
      }
    },
    methods: {
      hdlShow(url){
        this.show = !this.show;
        if(url){
          this.url = url;
        }
      },
      copy(){
        this.$emit('call-add-notice','链接已复制');
      }
    },
    created: function () {
    }
  }
</script>
<style>
  
</style>